Welcome to Css!

2.08 第一和最后子元素选择器

1、第一个元素定义:选择的是选择元素的父元素中,第一个元素,如下面代码,选择的是h5元素,父元素body的第1个元素是h5:我要好好学习1

如果body的第一个元素不是h5,则不会生效。

注意:很多人最后子元素选择器生效不了。有可能严格来说body不算是一个正规的父类, 如果在最后一行的div外层加一个父类即可


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css注释</title>

<style>

h5:first-child{

color:blue;

font-size:24px;

}

</style>

</head>

<body>

<h5>我要好好学习1</h5>

<h5>我要好好学习2</h5>

<h5>我要好好学习3</h5>

<div>我要好好学习4</div>

<p>我要好好学习5</p>

</body>

</html>

返回值:

Style改成如下则返回:

<style>

h5:last-child{

color:blue;

font-size:24px;

}

</style>

返回值: